<template>
  <ItemWrap title="当前补货作业">
    <div class="flex h-full w-full">
      <!-- <dv-decoration-9
        class="flex-col p-4"
        style="width: 120px; height: 120px; margin-right: 20px"
        >66%</dv-decoration-9
      >
      <dv-decoration-12 class="flex-col" style="width: 120px; height: 120px" /> -->
      <dv-scroll-board
        :config="config"
        class="h-full w-full overflow-hidden scroll-board-container"
      />
    </div>
  </ItemWrap>
</template>
<script setup>
import { ref } from "vue";
import ItemWrap from "./item-wrap/item-wrap.vue";

const config = ref({
  title: "补货作业",
  header: ["补货单号", "国内/国际", "总数量", "已补", "未补", "补货人"],
  data: [
    [1001, "国内", "300", "200", "100", "kevin"],
    [1002, "国际", "300", "200", "100", "kevin"],
    [1003, "国内", "300", "200", "100", "kevin"],
    [1004, "国际", "300", "200", "100", "kevin"],
    [10046, "国际", "300", "200", "100", "kevin"],
    [100345, "国内", "300", "200", "100", "kevin"],
    [1007, "国际", "300", "200", "100", "kevin"],
    [10009, "国内", "300", "200", "100", "kevin"],
  ],
  rowNum: 5,
  headerHeight: 35,
  headerBGC: "rgb(0 234 255 / 69%)", //表头
  oddRowBGC: "#0f1325", //奇数行
  evenRowBGC: "#171c33", //偶数行
  align: ["center"],
});
</script>
<style lang="scss" scoped>
::v-deep .dv-scroll-board .header {
  display: flex;
  flex-direction: row;
  font-size: 11px;
}
</style>
